/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 //*= require_tree .
 *= require bootstrap.min
 *= require bootstrap-select.min
 *= require font-awesome.min
 *= require_self
 */
body{
  background-color: #DADADA;

}
.pagination{
   margin: 0px;
 }
.topic{
  border-bottom: 1px solid #f0f0f0;

  .infos{
    a{
      &:link{color: gray}
      &:hover{  color: gray;}
      &:active{}
      &:visited{color: gray}
    }
  }
  .reply_count{
    width: 100px;
    padding-top: 10px;
    color: #DADADA;
    a:link{
      background-color: #f86334;
      border-radius: 80px;
      line-height: 12px;
      padding: 2px 10px;
      display: inline-block;
    }
    a:hover{
      text-decoration: none;
      background-color: lightsalmon;
    }
    a:active{}
    a:visited{}
  }
}
.notification{
padding: 4px 10px;
  .title{
    padding-top: 4px;
  }
 .notification-body{
   border-bottom: 1px solid #DADADA;
   margin-top: 3px;
  //color: ;
 }
}
.avatar{
  border-radius: 30px;
}
.small_avatar{
  border-radius: 12px;
}
.big_pic{
  border-radius: 20px;
}
.little_avatar{
  border-radius: 15px;
}